<template>
    <div class="recommend">
        <van-nav-bar title="好物推荐" left-arrow class="icon" />


        <!-- 好物详情下的子产品 遍历-->
        <div class="box">
            <van-grid :column-num="2">
                <van-grid-item class="gird">
                    <van-image src="https://img01.yzcdn.cn/vant/apple-1.jpg" />
                    <div class="wenzi">
                        <span>飞科联名剃须刀</span>
                        <van-icon name="points" size="4" color="#ff0000" /><span class="price">3780</span>
                    </div>
                </van-grid-item>
                <van-grid-item>
                    <van-image src="https://img01.yzcdn.cn/vant/apple-1.jpg" />
                    <div class="wenzi">
                        <span>飞科联名剃须刀</span>
                        <van-icon name="points" size="4" color="#ff0000" /><span class="price">3780</span>
                    </div>
                </van-grid-item>
                <van-grid-item>
                    <van-image src="https://img01.yzcdn.cn/vant/apple-1.jpg" />
                    <div class="wenzi">
                        <span>飞科联名剃须刀</span>
                        <van-icon name="points" size="4" color="#ff0000" /><span class="price">3780</span>
                    </div>
                </van-grid-item>
            </van-grid>
        </div>
    </div>
</template>

<script>


export default {

};
</script>

<style lang="scss" scoped src="../assets/css/recommend.scss">
</style>